body {
font : 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
color : #4a6179;
margin : 0;
padding : 0;
background : #c7e2ff;
}
a:link, a:visited {
text-decoration : none;
color : #83aad2;
}
a:hover {
color : #147db6;
}
a:link.more, a:visited.more {
float : left;
margin-top : 20px;
margin-right : 5px;
padding : 6px 8px;
border : 1px solid #2177a5;
background-color : #227bad;
text-transform : lowercase;
text-decoration : none;
font-weight : bold;
color : #fff;
}
a:hover.more {
border : 1px solid #ff2b95;
background-color : #ff3399;
}
h1, h2, h3, h4 {
font : bold 1em/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
color : #4a6179;
margin : 8px 25px;
}
h1 {
font-size : 2.2em;
font-weight : normal;
letter-spacing : -2px;
}
h2 {
font-size : 1.8em;
font-weight : normal;
}
h3 {
font-size : 1.1em;
font-weight : normal;
letter-spacing : -0.5px;
padding-top : 5px;
}
h4 {
font-size : 1.2em;
}
ul, ol {
margin : 10px 25px;
padding : 0 20px;
}
ul {
list-style : disc;
}
ol {
list-style : decimal;
}
dt {
font-weight : bold;
color : #1980af;
}
dd {
padding-left : 20px;
}
p, dl {
margin : 10px 25px;
text-align : justify;
}
img {
border : 0 solid #e2e4e7;
padding-left : 20px;
padding-right : 20px;
padding-top : 10px;
}
img.float-right {
margin : 5px 0 10px 10px;
}
img.float-left {
margin : 5px 10px 10px 0;
}
code {
margin : 3px 0;
padding : 20px;
text-align : left;
display : block;
overflow : auto;
font : 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
border : 1px solid #f0f0f0;
background : #f8f8f8;
color : #555;
}
acronym {
cursor : help;
border-bottom : 1px dotted #777;
}
blockquote {
margin : 10px 25px;
padding : 10px 20px 10px 32px;
border : 1px solid #f0f0f0;
background : #f8f8f8 url(../images/quote.gif) no-repeat 12px 12px;
font-weight : normal;
font-size : 17px;
line-height : 1.5em;
font-style : italic;
font-family : Georgia, 'Times New Roman', Times, Serif;
color : #555;
}
strong {
font-weight : bold;
}


form {
margin : 10px 25px 10px 25px;
padding : 10px 25px 25px 25px;
background : #d0e7ff;
border : 1px solid #e2e4e7;
width : 640px;
}
form p {
border-bottom : 1px solid #e6e6e6;
padding : 12px 0 5px 0;
margin : 0;
color : #2c76a6;
}
label {
font-weight : bold;
color : #666666;
display : block;
}
input, select, textarea {
margin : 5px 0;
padding : 7px 6px;
color : #6a6969;
border-width : 1px;
border-style : solid;
border-color : #d4d4d4 #ebebeb #ebebeb #d4d4d4;
font : 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
input:focus, select:focus, textarea:focus {
color : #19465d;
background : #eef8fb;
}
#name, #email, #message, #website {
width : 460px;
}
input.button, #comments input[type="button"], #div-feedback input[type="submit"] {
font : bold 12px Arial, Sans-serif;
height : 30px;
margin : 0;
padding : 2px 10px;
color : #fff;
background : #2c76a6;
border-width : 1px;
border-style : solid;
border-color : #86bbdf #245f86 #245f86 #86bbdf;
cursor : pointer;
}
#header-wrap {
float : left;
height : 145px;
width : 100%;
background : #fff url(../images/sky.png) repeat-x;
background-position : top;
}
#header {
position : relative;
margin : 0 auto;
margin-top : 28px;
width : 1000px;
}
#header-wrap p#usercontrols {
text-align : right;
padding-top : 8px;
}
#header-wrap p#usercontrols a {
border : none;
color : #4a6179;
font : bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
text-align : right;
}
#header-wrap p#usercontrols a:hover {
color : #fff;
}
#header div#logo a img {
position : absolute;
margin : 0;
padding : 0 0 0 0;
font : bold 55px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
letter-spacing : -4px;
color : #4a6179;
text-decoration : none;
border : none;
top : 40px;
left : 20px;
}
#header h1#logo-text {
margin : 0;
padding : 0;
}
#header h1#logo-text a {
position : absolute;
margin : 0;
padding : 0 5px 0 0;
font : bold 55px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
letter-spacing : -4px;
color : #4a6179;
text-decoration : none;
top : 45px;
left : 25px;
}
#header p#slogan {
position : absolute;
margin : 0;
padding : 0 5px 0 0;
font-family : 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
font-weight : bold;
font-size : 11px;
line-height : 1.8em;
font-style : normal;
letter-spacing : 3px;
color : #4a6179;
top : 105px;
left : 28px;
}
#header p#rss {
position : absolute;
width : 175px;
height : 50px;
top : 15px;
right : 17px;
padding : 0;
margin : 0;
text-align : right;
}
#header p#rss a {
background : transparent url(../images/rss.gif) no-repeat left center;
color : #baa7a7;
height : 30px;
font : bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
margin : 0;
padding : 10px 0 0 30px;
display : block;
}
#header p#rss a:hover {
color : #fff;
}
form#quick-search {
position : absolute;
top : 95px;
right : 12px;
background : transparent;
border : none;
margin : 0;
padding : 0;
width : 250px;
}
fieldset.search {
border : none;
width : 250px;
height : 40px;
padding : 0;
margin : 0;
background : url(../images/search.gif) no-repeat;
}
.search input {
border : none;
float : left;
padding : 0;
margin : 0;
}
.search button {
border : none;
float : right;
padding : 0;
margin : 0;
}
.search label {
display : none;
}
.search input.tbox {
color : #7d8285;
font-weight : bold;
margin : 15px 0 10px 10px;
background : transparent;
width : 200px;
}
.search button.btn {
width : 40px;
height : 40px;
cursor : pointer;
text-indent : -9999px;
background : #fbc900 url(../images/search.gif) no-repeat right top;
}
#header #nav {
position : absolute;
left : 15px;
top : 10px;
margin : 0;
padding : 0;
width : 750px;
}
#header #nav ul {
float : left;
list-style : none;
margin : 0;
padding : 0;
height : 45px;
}
#header #nav ul li {
float : left;
margin : 0;
padding : 0;
}
#header #nav ul li a {
float : left;
margin : 0;
padding : 0 15px 29px 15px;
color : #4a6179;
font : bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
}
#header #nav ul li a:active {
border : none;
color : #4a6179;
}
#header #nav ul li a:hover {
border : none;
color : #fff;
}
#header #nav ul li#current a {
color : #fff;
}
#content-wrap {
clear : both;
margin : 0;
padding : 0;
background : #fff;
width : 100%;
float : left;
}
#content {
width : 1000px;
margin : 0 auto;
padding : 0 0 20px 0;
background : #fff url(../images/content.gif) repeat-y center top;
overflow : hidden;
}
#main {
float : left;
margin : 0;
padding : 25px 0 0 0;
width : 740px;
}
#sidebar {
width : 245px;
float : right;
margin : 0;
padding : 15px 0;
font-size : 0.95em;
}
#main h2 {
font : 1.3em/1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
color : #4a6179;
letter-spacing : 0;
margin-bottom : 20px;
margin-top : 20px;
padding-bottom : 0;
}
#main h2 a {
color : #4a6179;
}
#main h3 {
font : bold 1.2em/1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
color : #4a6179;
letter-spacing : -2px;
margin-bottom : 0;
padding-bottom : 0;
}
#main div#ccecomparator {
background : #fff url(../images/ccecomp.png) no-repeat right top;
width : 1000px;
}
#main div#hmecomparator {
background : #fff url(../images/hmecomp.png) no-repeat right top;
width : 1000px;
}
#main p#toolsubtitle {
font : normal 1.2em/1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
color : #4a6179;
letter-spacing : 0;
padding-top : 10px;
text-align : center;
}
#main div#tooldescription {
width : 740px;
margin : 10px 25px;
margin-top : 0;
}
#main div#tooldescription p {
margin : 10px 0;
}
#main div#tool-launch-cce {
border : 0 solid #d0e7ff;
background : #fff url(../images/launchcce.png) no-repeat left top;
width : 371px;
height : 63px;
position : relative;
top : 10px;
left : 140px;
margin : 0;
padding : 0;
}
#main div#tool-subscribe-cce {
border : 0 solid #d0e7ff;
background : #fff url(../images/signupfree.png) no-repeat left top;
width : 371px;
height : 63px;
position : relative;
top : 0;
left : 140px;
margin : 0;
padding : 0;
}
#main p#cce-all {
background : #d0e7ff url(../images/cce-all.png) no-repeat right;
margin : 10px 45px;
padding : 5px;
width : 940px;
}
#main p#cce-ee {
background : #d0e7ff url(../images/cce-ee.png) no-repeat right;
margin : 10px 45px;
padding : 5px;
width : 940px;
}
#main div#tool-launch-hme {
border : 0 solid #d0e7ff;
background : #fff url(../images/launchhmd.png) no-repeat left top;
width : 371px;
height : 63px;
position : relative;
top : 10px;
left : 210px;
margin : 0;
padding : 0;
}
#main div#tool-subscribe-hme {
border : 0 solid #d0e7ff;
background : #fff url(../images/signupnow.png) no-repeat left top;
width : 371px;
height : 63px;
position : relative;
top : 0;
left : 140px;
margin : 0;
padding : 0;
}
#main h3 a {
color : #4a6179;
}
#sidebar h3 {
font : bold 1.3em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
letter-spacing : 0.2px;
margin-left : 10px;
color : #4a6179;
}
#sidebar h3, #sidebar p {
margin-left : 10px;
}
#sidebar img {
padding : 8px;
}
.sidemenu ul {
text-align : left;
margin : 10px 15px 10px 8px;
padding : 0;
border-top : 1px solid #efefef;
}
.sidemenu ul li {
list-style : none;
font-size : 11px;
margin : 0;
padding : 7px 5px;
border-bottom : 1px solid #efefef;
}
* html body .sidemenu ul li {
height : 1%;
}
.sidemenu ul li a:link, .sidemenu ul li a:visited {
color : #33799b;
padding-left : 0;
font-weight : bold;
text-transform : uppercase;
}
.sidemenu ul li a span {
color : #959595;
font-family : 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
font-style : normal;
font-weight : normal;
text-transform : none;
}
.sidemenu ul li a:hover {
color : #000;
}
.sidemenu ul ul {
margin : 0 0 0 5px;
padding : 0;
}
.sidemenu ul ul li {
border : none;
}
.popular ul {
text-align : left;
margin : 10px 15px 10px 8px;
padding : 0;
border-top : 1px solid #efefef;
}
.popular ul li {
list-style : none;
border-bottom : 1px solid #efefef;
font-size : 12px;
line-height : 1.5em;
padding : 8px 5px 8px 20px;
margin : 0;
background : url(../images/document.gif) no-repeat 3px 11px;
}
* html body .popular ul li {
height : 1%;
}
.popular ul li a:link, .popular ul li a:visited {
color : #33799b;
padding-left : 0;
font-weight : bold;
text-transform : none;
}
.popular ul li span {
color : #888;
font-family : 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
font-style : normal;
font-weight : normal;
text-transform : uppercase;
font-size : 10px;
line-height : 1.7em;
}
.popular ul li a:hover {
color : #000;
}
#footer-outer {
clear : both;
text-align : left;
width : 100%;
font-size : 0.9em;
color : #4a6179;
padding-bottom : 30px;
border-top : #1a5d8a;
background : #c7e2ff url(../images/bottom.png) repeat-x;
background-position : top;
}
#footer-wrap {
width : 1000px;
margin : 0 auto;
margin-top : 0;
}
#footer-wrap a:link, #footer-wrap a:visited {
color : #4a6179;
}
#footer-wrap a:hover {
color : #fff;
}
#footer-wrap h3 {
font : bold 1.2em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
letter-spacing : 0.2px;
margin-bottom : 15px;
color : #4a6179;
}
#header-wrap p#feedback {
padding : 0;
margin : 0;
text-align : right;
}
#header-wrap p#feedback a {
color : #2c76a6;
font : bold 14px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
text-align : right;
margin-right : 100px;
}
#footer-wrap #gallery {
padding : 0 0 10px 0;
margin : 0;
width : 100%;
background : url(../images/footer-line.gif) repeat-x left bottom;
}
#footer-wrap #gallery h3 {
float : left;
display : inline;
width : 200px;
margin : 30px 0 0 20px;
padding : 0;
}
#footer-wrap #gallery p.thumbs {
float : right;
display : inline;
width : 730px;
margin : 20px 0 0 0;
padding : 0;
}
p.thumbs img {
position : relative;
padding : 8px;
margin : 10px 10px 10px 0;
background : #fafafa;
border : 1px solid #ededed;
}
#footer-wrap .col-a {
width : 250px;
float : left;
}
#footer-wrap .col-b {
width : 245px;
float : right;
}
.recent-comments ul {
text-align : left;
margin-left : 20px;
padding : 0;
background : url(../images/footer-line.gif) repeat-x left top;
}
.recent-comments ul li {
list-style : none;
font-size : 12px;
line-height : 1.5em;
padding : 7px 5px 7px 20px;
background : url(../images/speech_bubble.gif) no-repeat 3px 11px;
}
* html body .recent-comments ul li {
height : 1%;
}
.recent-comments ul li a:link, .recent-comments ul li a:visited {
padding-left : 0;
}
.recent-comments ul li cite {
font-size : 0.9em;
font-style : normal;
}
.footer-list ul {
background : url(../images/footer-line.gif) repeat-x left top;
list-style : none;
padding : 0;
margin-left : 20px;
}
.footer-list ul li {
border-bottom : 2px solid #d0e7ff;
}
.footer-list ul li a:link, .footer-list ul li a:visited {
display : block;
width : 98%;
line-height : 1.2em;
padding : 5px 0 5px 5px;
margin-left : 0;
color : #4a6179;
}
.footer-list ul li a:hover {
color : #fff;
}
ul.subscribe-stuff {
list-style : none;
margin : 0 0 0 20px;
padding : 0;
}
ul.subscribe-stuff li {
float : left;
margin : 0 3px 0 0;
padding : 0;
}
ul.subscribe-stuff li img {
padding : 0;
margin : 0;
border : none;
background : none;
}
#footer-bottom {
clear : both;
width : 1000px;
font-size : 0.9em;
margin : 0 auto;
padding-top : 10px;
font-family : 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
font-size : 0.9em;
color : #4a6179;
overflow : hidden;
background : url(../images/footer-line.gif) repeat-x left top;
}
#footer-bottom a {
color : #4a6179;
}
#footer-bottom a:hover {
color : #fff;
}
#footer-bottom p.bottom-left {
float : left;
display : inline;
margin : 0 0 30px 20px;
padding : 0;
width : 600px;
text-align : left;
}
#footer-bottom p.bottom-right {
float : right;
display : inline;
margin : 0 30px 30px 0;
padding : 0;
width : 320px;
text-align : right;
}
.post {
margin : 5px 0 20px 0;
padding : 0 0 20px 0;
width : 740px;
overflow : hidden;
border-bottom : 1px solid #eee;
}
.right {
width : 560px;
float : right;
display : inline;
padding-right : 15px;
}
.left {
position : relative;
width : 150px;
float : right;
display : inline;
}
.right .image-section {
clear : both;
display : block;
margin : 25px 0 10px 20px;
padding : 0;
}
.right .image-section img {
background : #f3f4f5;
border : 1px solid #e2e3e7;
padding : 12px;
}
.right h2 {
margin-top : 0;
}
.right .share-box {
margin : 20px 12px 0 20px;
padding : 0 10px 10px 20px;
background : #fafafa;
border : 1px solid #eaecee;
overflow : hidden;
width : 494px;
}
.right .share-box h4 {
margin-left : 0;
}
.right .share-box ul {
list-style : none;
margin : 0;
padding : 0;
}
.right .share-box ul li {
float : left;
margin-right : 5px;
}
.right .share-box ul li a:hover {
cursor : pointer;
}
.right .share-box ul li img {
margin : 0;
padding : 5px;
background : #fff;
}
.left p.dateinfo {
background : url(../images/date-bg.gif) no-repeat;
height : 83px;
width : 68px;
margin : 12px 0 0 70px;
padding : 8px 0 0 1px;
font : bold 15px Arial, Helvetica, sans-serif;
text-transform : uppercase;
text-align : center;
letter-spacing : 2px;
color : #fff;
}
.left p.dateinfo span {
font : bold 30px Arial, Helvetica, sans-serif;
display : block;
color : #555;
margin : 8px 0 0 0;
padding : 0;
letter-spacing : 0;
}
.left .post-meta {
width : 140px;
font-size : 0.9em;
margin : 5px 0 20px 0;
padding : 0;
}
.left .post-meta h4 {
text-align : right;
margin : 0 5px 10px 5px;
padding : 0;
color : #555;
}
.left .post-meta ul {
list-style : none;
margin : 0;
padding : 0;
border-top : 1px solid #f1f1f1;
}
.left .post-meta ul li {
list-style : none;
border-bottom : 1px solid #f1f1f1;
padding : 3px 5px;
margin : 0;
text-align : right;
color : #147db6;
}
* html body .left .post-meta ul li {
height : 1%;
}
.left .post-meta ul.tags li {
background : url(../images/tag.gif) no-repeat 2px center;
}
.left .post-meta ul li.user {
background : url(../images/user.gif) no-repeat 2px center;
}
.left .post-meta ul li.time {
background : url(../images/clock.gif) no-repeat 2px center;
}
.left .post-meta ul li.comment {
background : url(../images/comment.gif) no-repeat 2px center;
}
.left .post-meta ul li.permalink {
background : url(../images/permalink.gif) no-repeat 2px center;
}
.left .post-meta ul li a {
color : #147db6;
}
.left .post-meta ul li a:hover {
color : #333;
}
.post-bottom-section {
position : relative;
margin : 10px 0 20px 0;
padding : 0 0 20px 0;
width : 740px;
overflow : hidden;
border-bottom : 1px solid #eeeeee;
}
.post-bottom-section h4 {
position : absolute;
left : 0;
top : 5px;
text-align : right;
width : 135px;
}
.post-bottom-section .right form {
position : relative;
top : 15px;
left : 20px;
margin : 0 0 20px 0;
}
.post-info {
margin-top : 3px;
}
.post .post-info a:link, .post .post-info a:visited {
color : #1372a8;
border : none;
font-size : 0.9em;
}
ol.commentlist {
margin : 12px 12px 12px 20px;
padding : 0;
background : #fafafa;
border-top : 1px solid #eaecee;
}
.commentlist li {
list-style : none;
margin : 0;
padding : 12px 0 0 0;
border : 1px solid #eaecee;
border-width : 0 1px 1px 1px;
overflow : hidden;
}
.commentlist li a:link, .commentlist li a:visited {
color : #227bad;
}
.commentlist li .comment-info {
width : 99%;
margin : 0;
padding : 0;
overflow : hidden;
}
.commentlist li .comment-info img {
float : right;
margin : 3px 13px 0 0;
background : #fff;
border : 1px solid #e8eaec;
display : inline;
}
.commentlist li .comment-info cite {
display : block;
margin : 0;
padding : 5px 65px 5px 20px;
font-style : normal;
font-weight : bold;
}
.commentlist li .comment-info cite .comment-data {
font-size : 0.8em;
font-weight : normal;
}
.commentlist li .comment-text {
clear : both;
margin : 0;
padding : 0 20px 25px 20px;
}
.commentlist li .comment-text p {
margin : 5px 0 20px 0;
padding : 0;
}
.commentlist li .comment-text .reply a {
padding : 5px;
border : 1px solid #2177a5;
background-color : #227bad;
font-weight : bold;
font-size : 11px;
color : #fff;
}
.commentlist li ul.children {
margin : 0;
padding : 0;
}
.commentlist li ul.children li.depth-2, .commentlist li ul.children li.depth-3 {
margin-left : 40px;
border-style : solid;
border-color : #e1e6e8;
border-width : 1px 0 0 1px;
}
.commentlist li.thread-alt {
background : #f3f4f5;
border-color : #e2e4e7;
}
ul.archive {
margin : 10px 30px 10px 20px;
padding : 0;
border-top : 1px solid #eeeeee;
}
ul.archive li {
margin : 0;
padding : 12px 5px;
border-bottom : 1px solid #eeeeee;
list-style : none;
}
ul.archive li .post-title {
margin : 0;
padding : 0;
font-size : 1.2em;
font-weight : bold;
}
ul.archive li .post-title a:link, ul.archive li .post-title a:visited {
color : #444;
}
ul.archive li .post-title a:hover {
border : none;
color : #000;
}
ul.archive li .post-details {
margin-left : 0;
margin-top : 0;
font-size : 0.9em;
}
ul.archive li .post-details a:link, ul.archive li .post-details a:visited {
color : #1372a8;
}
.navigation {
margin : 10px 20px;
padding : 0;
width : 560px;
}
.navigation a:link, .navigation a:visited {
float : left;
display : block;
margin : 10px 10px 0 0;
padding : 5px 7px;
text-transform : lowercase;
text-decoration : none;
font-weight : bold;
color : #fff;
background : #2c76a6;
border-width : 1px;
border-style : solid;
border-color : #86bbdf #245f86 #245f86 #86bbdf;
}
.navigation a:hover {
background : #ff3399;
border-width : 1px;
border-style : solid;
border-color : #ff75ba #ea0075 #ea0075 #ff75ba;
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.no-border {
border : none;
}
.no-bg {
background : none;
}
.fix {
clear : both;
height : 1px;
margin : -1px 0 0;
overflow : hidden;
}
.clear {
display : inline-block;
}
.clear:after {
display : block;
visibility : hidden;
clear : both;
height : 0;
content : " ";
}
#comments {
margin-top : 20px;
font-weight : bold;
}
ul#years {
display : inline;
list-style-type : none;
padding : 10px;
}
#years li ul {
list-style-type : none;
margin : 0 10px 0 0;
padding : 0;
}
#tags {
margin : 20px;
}
#tags a {
margin : 4px;
}

.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	font: 14px/100% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

.window {  

  position: left;

  left: 150px;

  top: 75px;

  width: 600px;

  padding: 7px;

  height: 600px;

  border: 1px solid rgba(255,255,255,0.6);

  background: rgba(178,215,255,0.75);

  border-radius: 8px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  -o-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  -webkit-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  -moz-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  text-shadow: 0 0 15px #fff, 0 0 15px #fff;

}
.window2 {  

  position: right;

  left: 150px;

  top: 75px;

  width: 400px;

  padding: 7px;

  height: 500px;

  border: 1px solid rgba(255,255,255,0.6);

  background: rgba(178,215,255,0.75);

  border-radius: 8px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  -o-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  -webkit-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  -moz-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  text-shadow: 0 0 15px #fff, 0 0 15px #fff;

}
.window3 {  

  position: right;

  left: 150px;

  top: 75px;

  width: 300px;

  padding: 7px;

  height: 450px;

  border: 1px solid rgba(255,255,255,0.6);

  background: rgba(178,215,255,0.75);

  border-radius: 8px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  -o-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  -webkit-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  -moz-box-shadow: 0 2px 16px #000, 0 0 1px #000, 0 0 1px #000;

  text-shadow: 0 0 15px #fff, 0 0 15px #fff;

}


